@charset "utf-8";
html,body,div,ul,ol,li,dd,dt,dl,p,h3,h4,span,input,textarea,select,option,table,
tr,td,header,footer,section{padding:0; margin:0; box-sizing:border-box;
              -o-box-sizing:border-box; -ms-box-sizing:border-box;
              -moz-box-sizing:border-box; 
              -webkit-box-sizing:border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
h1,h2,h3,h4,h5,h6{margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body{font-family: "PingFangSC-Regular",Helvetica,"Droid Sans",Arial,sans-serif,"Microsoft YaHei"
; width:100%; height:100%; min-width:320px;
  color:#666; -moz-text-size-adjust:none; -webkit-text-size-adjust:none; 
  text-size-adjust:none; position:relative;box-sizing:border-box;}
img{border:none; display:block;width:100%;}
ul,li{list-style-type:none;}
a{text-decoration:none; color:#f50;}
input{outline: none;border: none;-webkit-appearance:none;appearance:none;tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clear{display:block; overflow:hidden; clear:both; height:0;
    line-height:0; font-size:0;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fl{float:left; display:block;}
.fr{float:right; display:block;}
.hide{display:none;}
.table{display:table; width:100%;}
.t_cell{display:table-cell; vertical-align:middle;}
.t_row{display:table-row;}

@media screen and (min-width:300px){html,body,input{font-size:15px;}}
@media screen and (min-width:320px){html,body,input{font-size:16px;}}
@media screen and (min-width:340px){html,body,input{font-size:17px;}}
@media screen and (min-width:360px){html,body,input{font-size:18px;}}
@media screen and (min-width:375px){html,body,input{font-size:18.75px;}}
@media screen and (min-width:380px){html,body,input{font-size:19px;}}
@media screen and (min-width:400px){html,body,input{font-size:20px;}}
@media screen and (min-width:414px){html,body,input{font-size:20.7px;}}
@media screen and (min-width:420px){html,body,input{font-size:21px;}}
@media screen and (min-width:440px){html,body,input{font-size:22px;}}
@media screen and (min-width:460px){html,body,input{font-size:23px;}}
@media screen and (min-width:480px){html,body,input{font-size:24px;}}
@media screen and (min-width:500px){html,body,input{font-size:25px;}}
@media screen and (min-width:520px){html,body,input{font-size:26px;}}
@media screen and (min-width:540px){html,body,input{font-size:27px;}}
@media screen and (min-width:560px){html,body,input{font-size:28px;}}
@media screen and (min-width:580px){html,body,input{font-size:29px;}}
@media screen and (min-width:600px){html,body,input{font-size:30px;}}
@media screen and (min-width:620px){html,body,input{font-size:31px;}}
@media screen and (min-width:640px){html,body,input{font-size:32px;}}
@media screen and (min-width:750px){html,body,input{font-size:37.5px;}}
select{
  direction:rtl;
  border:none;
  -webkit-appearance:none;
  font-size:0.74666667rem;
}
input{    
  font-size:0.74666667rem;
  color:#333;
}
::-webkit-input-placeholder {
  color: #999;
  text-align: right;
  font-size:0.74666667rem;
}
::-moz-placeholder {
  color: #999;
  text-align: right;
  font-size:0.74666667rem;
}
::-moz-placeholder {
  color: #999;
  text-align: right;
  font-size:0.74666667rem;
}
::-ms-input-placeholder {
  color: #999;
  text-align: right;
  font-size:0.74666667rem;
}
body{
    font-size:0.74667rem;
    background-color: #f2f4f5;
}
.logo{
    background:url("../img/logo.png") no-repeat;
    background-size:100% 100%;
    width:100%;
    height:1.6rem;
    font-size:0;
}
.banner{
    position: relative;
    color:#fff;
    overflow: hidden;
}
.banner .sub-title{
    position: absolute;
    top:1.17333rem;
    left:0.8rem;
    font-size:0.74667rem;
}
.banner .main-title{
    position: absolute;
    top:2.6667rem;
    left:0.8rem;
    font-size:1.28rem;
    line-height: 130%;
    width:100%;
}
.banner .sold{
    position: absolute;
    bottom:0;
    width:100%;
    height:1.06667rem;
    line-height:1.06667rem;
    background:rgba(0,0,0,.5);
    font-size:0.58667rem;
    padding-left:0.8rem;
}
.banner .sold mark{
    background:none;
    color:#fcff00;
}
.nav{
    height:2.34667rem;
    background:#fff;
    margin-bottom:0.53333rem;
 }
.nav span{    
    display: block;
    float:left;   
    margin:0 14.333%;
    width:21.333%;    
    height:2.34667rem;
    line-height:2.34667rem; 
    box-sizing:border-box;
    border-bottom:0.10667rem solid #fff;
    text-align: center;
    font-size:0.85333rem;
}
.nav span.cur{    
    border-color:#f50;
    color:#f50;
}
.sidebar{
    position:fixed;
    bottom:0;
    z-index: 10;
    background:#fff;
    height:2.66667rem;
    width:100%;
}
.bar-user{
    float:left;
    width:17%;
    border-top:1px solid #f8f8f8;
}
.bar-user img{
    border-radius:50%;
    width:2.13333rem;
    height:2.13333rem;
    margin:0.26667rem 0 0 0.64rem;
}
.bar-btn{
    float:left;
    width:83%;
    background: #f50;
    height:2.66667rem;
    line-height:2.66667rem;
    font-size:0.85333rem;
    color:#fff;
    text-align: center;
}
footer{    
    width:100%;
    font-size:0.53333rem;
    margin:0.53333rem 0 3.04rem;
    text-align:center;
    color:#999;
}
.quote-mask{
    position: fixed;
    left:0;
    top:0;
    right: 0;
    bottom:0;
    background: rgba(0,0,0,.5);
    z-index: 9;
    display: none;
} 
.quote-form{
    position: fixed;
    z-index: 9;
    bottom:2.66667rem;
    left:3%;
    width:94%;
    background: #fff;
    border-top-left-radius: 0.21333rem;
    border-top-right-radius: 0.21333rem;
    box-shadow: 0 -1px 0.21333rem rgba(0,0,0,.2);
}
.quote-title{
    height:2.66667rem;
    line-height:2.66667rem;
    text-align: center;
    color:#333;
    font-size:0.85337rem;
    font-weight:bold;
    position: relative;
    margin-bottom:-0.53333rem;
}
.piece-wrap{
    background:#fff;
    font-size:0.74666667rem;
    overflow-y:scroll;
    height:21.33333rem;
    margin-top:0.53333rem;
}
.supplementForm .piece-wrap{
    height:auto;
}
.input-box{
    height:2.66667rem;
    line-height: 2.66667rem;
    box-sizing:border-box;
    margin-left:0.85333rem;
    padding-right:0.85333rem;
    position: relative; 
}
.input-box:last-child{
    border-bottom:1px solid #fff;
}
.input-box label{
    display: inline-block;
    color:#000;
}
.input-box input{
    width:10.2rem;
    height: 1.3rem;
    line-height: 1.3rem;
    text-align: right;
}
.input-container.do-select input{
    padding-right:0.85333rem;
}
.input-container{
    float:right;    
    position: relative; 
    color:#666;
}
.input-container.do-select::after{
    display: inline-block;
    content: "";
    background:url("../img/select_arrow.png") no-repeat;
    background-size:100% 100%;
    width:0.42667rem;
    height:0.74667rem;
    position: absolute;
    top:0.96rem;
    right:0;
}
.input-container .radio{
    display: block;
    float:left;
    min-width: 3.2rem;
    height: 1.6rem;
    line-height: 1.6rem;
    color:#666;
    text-align:center;    
    font-size:0.74667rem;
    padding:0 0.5rem;
    margin:0.53333rem 0 0 0.42667rem;
    position: relative;    
}
.input-container .radio.checked{
    border-color:#f50;
    color:#fff;
    background: #f50;
    border-radius:0.8rem;
}
.do-select select{
    margin-right:0.5rem;
}
.piece-head{
    height:2.64rem;
    box-sizing:border-box;
    padding:0 0.85333333rem;
    border-bottom:1px solid #e5e5e5;
}
.piece-head .title{
    font-size:0.9rem;
    font-weight:bold;
    padding-top:0.5rem;
    color:#333;
    position:relative;
}
.piece-head .tips{
    font-size:0.6rem;
    color:#a5a5a5;
}
.piece-head .main-title{
    height:2.64rem;
    line-height: 2.64rem;
    font-size:0.9rem;
    font-weight:bold;
    color:#333;
    position:relative;
}
input[type=checkbox]{
  display: inline-block;
  -webkit-appearance:none;
  width:1.17333rem;
  height:1.17333rem;
  border-radius:0.213rem;
  background:url("../img/checked.png") no-repeat;
  background-size: 100%;
  margin-bottom:-0.3rem;
}
input[type=checkbox].undo{
  background:url("../unckecked.png") no-repeat;
  background-size: 100%;
}
.checkbox{
    display: inline-block;
    width:1.2rem;
    height:1.2rem;
    background:#f50;
    margin-right:5px;
    border-radius:0.2rem;
}
.checkbox::after{
    position: absolute;
    margin:0.1rem 0 0 0.3rem;
    width: 0.65rem;
    height: 0.35rem;
    border-left: 0.12rem solid #fff;
    border-bottom: 0.12rem solid #fff;
    -webkit-transform: rotate(-45deg) translate(-3px,1px);
    transform: rotate(-45deg) translate(-3px,1px);
    content: " ";
}
.checkbox input{
    display: none;
}
.open-quote{
    height:0.85333rem;
    display: block;
    background:url("../img/arrow_up.png") center no-repeat;
    background-size:auto 50%;
}
.hide-quote{
    position: absolute;
    top:0.3rem;
    right:0.3rem;
    width:2rem;
    height:2rem;
    background:url("../img/unfold.png") center no-repeat;
    background-size:45%;
}
.pop-icon{
    display: inline-block;
    width:0.66667rem;
    height:0.66667rem;;
    background: url("../img/wh1.png") center no-repeat;
    background-size:100%;
}
.pop-tips{
    position: absolute;
    left:20%;
    top:-1.28rem;
    display: inline-block;
    line-height: 120%;
    color:#f50;
    background:#fff;
    border:1px solid #f50;
    border-radius:0.21333rem;
    font-size:0.53333rem;
    padding:0.16rem 0.21333rem;
    display: none;
    z-index: 1000;
} 
.pop-tips em{
    background: #fff;
    position:absolute;
    left:48%;
    bottom:-0.28rem;
    display: inline-block;
    content: "";
    width:0.4rem;
    height:0.4rem;
    border-right:1px solid #f50;
    border-bottom:1px solid #f50;
    -webkit-transform: rotate(42deg);
    -moz-transform: rotate(42deg);
    -o-transform: rotate(42deg);
    transform: rotate(42deg);    
}
.input-container.do-select{
    position:relative;
}
.quote-result{
    display: none;
    text-align: center;
}
.premium-txt{
    font-size:0.85333rem;
    color:#000;
    text-align: center;
    margin-top:1.22667rem;
    line-height: 150%;
}
.premium-sum{
    font-size:1.17333rem;
    color:#f50;
    text-align: center;
    font-weight:bold;
    line-height: 150%;
}
.premium-convert{
    font-size:0.74667rem;
    color:#666;
    text-align: center; 
    line-height: 150%;
}
.premium-convert span{
    color:#f50;
}
.open-ensure{
    display: block;
    font-size:0.74667rem;
    color:#f50;
    width:44%;
    margin:0.85333rem auto 0.85333rem;
    text-decoration:underline;
}
.ensure-container{
    display: none;
}
.quote-result dl{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.quote-result dl:nth-child(odd){
    background: #f8f8f8;
}
.quote-result dt{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding:0.58667rem 0 0.58667rem 0.85333rem;
    font-size:0.58667rem;
    color:#f50;
    display: block;
    text-align: left;    
}
.quote-result dd{
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    padding:0.58667rem;
    font-size:0.58667rem;
    color:#666;
    display: block;
    text-align: left;
}
/** 基本信息 */
.list{
    margin-bottom:0.53333rem;
    background:#fff;
}
.list dt{
    height:2.56rem;
    line-height: 2.56rem;
    padding-left:0.85333rem;
    font-size:0.85333rem;
    font-weight:bold;
    color:#333;
}
.list dd{
    display: none;
}
.list dt.unfold~dd{
    display: block;
}
.list dt::after{
    display: block;
    content: "";
    background:url("../img/arrow_up.png") no-repeat;
    background-size:100%;
    width:0.8rem;
    height:0.42667rem;
    float:right;
    margin:1.06667rem 0.85333rem 0 0;
    -webkit-transform: rotate(180deg);
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear
}
.clause dd{
    padding:0;
}
.list dt.unfold::after{
   -webkit-transform: rotate(0);
   transform: rotate(0);
}
.list dt span{
    font-size:0.64rem;
    color:#858585;
    font-weight:100;
    padding:0 0.42667rem;
}
.list-cont{
    padding:0 0.53333rem 0.85333rem 0.85333rem;
    line-height: 150%;
    font-size:0.64rem;
}
.list-cont h3{
    margin-top:0.53333rem;
}
.clause li{
    display: block;
    padding:0.85333rem;
    font-size:0.64rem;
    color:#525252;
    overflow: hidden;
    position: relative;
}
.clause li:first-child{
    padding-top:0;
}
.clause li:last-child:before{
    display: none;
}
.clause a{
    text-decoration: underline;
    color:#333;
}
.clause span{
    display: inline-block;
    font-size:0.53333rem;
    padding-left:0.21333rem;
    color:#9e9e9e;
}
.product-info{
    margin-left:0.85333rem;
}
.product-info li{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding:0.85333rem 0;
}
.product-info li:first-child{
    padding-top:0.2rem;
}
.product-info li:last-child:before{
    display: none;
}
.product-info span{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color:#999;
}
.product-info p{
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
    color:#333;
}
.product-info em{
    font-style: normal;
    font-size: 0.53333rem;
    padding-left: 0.21333rem;
    color: #666;
}
.product-wrap li:nth-child(even){
    background:#f8f8f8;
}
.product-wrap span{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color:#999;
    padding-left:0.74667rem;
    box-sizing:border-box;
}
.product-wrap .product-info{
    margin:0;
}
.product-wrap li{
    padding:0.63333rem 0;
}
.product-wrap .product-info li:before{
    display: none;
}
.product-wrap .more div{
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
    display: flex;
}
.product-wrap .more div p{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.product-info li:first-child{
    padding-top:0.5333rem;
}
.claim{
    padding:0 0.85333rem 0.85333rem;
    overflow: hidden;
    line-height:1.17333rem;
}
.claim li{
    float:left;
    margin-top:0.85333rem;
    background-image:linear-gradient(-90deg, #ff8b24 0%, #ff5a07 100%);
    border-radius:0.26667rem;
    width:8.8rem;
    height:2.4rem;
    line-height:2.4rem;
    color:#fff;
}
.claim li:nth-child(even){
    float:right;
}
.claim li i{
    display: inline-block;
    font-style: normal;
    width:1.22667rem;
    height:1.22667rem;
    line-height:1.22667rem;
    background:#ffffff;
    box-shadow:0.10667rem 0.10667rem 0.16rem 0 #ff5e09;
    border-radius:100%;
    color:#ff8721;
    font-weight:bold;
    text-align: center;
    margin:0 0.32rem;
}
/** 基本信息 end */
/** 健康告知 */
.health-wrap{
    background:#fff;
    font-size:0.7466666666666667rem;
}
.health-wrap .main-title{
    margin-top:0.53333333rem;
    border-bottom: 1px solid #e5e5e5;
    font-size: 0.85333333rem;
    color: #333;
    padding-left: 0.74666667rem;
    height: 2.66666667rem;
    line-height: 2.66666667rem;
    font-weight: bold;
}
.health-wrap dl{
    padding:0 0.74666667rem;
}
.health-wrap dt{
    padding:0.74666667rem 0;
    position:relative;
}
.health-wrap dd{
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    text-align: right;
    padding-bottom:0.74666667rem;
}
.health-wrap dd:last-child{
    border-bottom: 1px solid #fff;
}
.health-wrap dd .radio{
    display: inline-block;
    width:3.4rem;
    text-align:left;
    height:1.28rem;
    line-height:1.28rem;
}
.health-wrap dd .radio::before{    
    display: inline-block;
    content:"";
    width:1.28rem;
    height:1.28rem;
    background:url("") #f50 center no-repeat;
    background-size: 70% auto;
    border-radius:50%;
    float:left;
    margin-right:0.3rem;
}
.health-wrap dd .radio.checked::before{   
    background-color: #f50;
}
.health-wrap dd .radio::before{   
    background-color: #ccc;
}
.warning{
    font-size: 0.58666667rem;
    color: #999999;
    padding-left: 0.74666667rem;
    margin-top: 0.4266666666666667rem;
    margin-bottom: 0.64rem;
    line-height: 1.5;
}
.health-wrap ol{
    padding:0 0.74666667rem 0.74666667rem;
}
.health-wrap li{
    padding:0.74666667rem 0 0 0.8rem;
    position:relative;
}
.health-wrap .number{
    display: block;
    position: absolute;
    left:0;
}
/** ui */
.mask{
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background:rgba(0,0,0,.5);
}
.load-mask-transparent,.popup-mask,.alert-mask,.mask-transparent,.layer-mask{
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.load-wrap{
    position: fixed;
    z-index: 1000;
    width: 7.6rem;
    min-height: 7.6rem;
    top: 40%;
    left: 50%;
    background: rgba(40, 40, 40, .75);
    text-align: center;
    border-radius: 0.5rem;
    color: #fff;
    opacity: 0;
    visibility: hidden;
}
@-webkit-keyframes e { 
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
@keyframes e { 
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
.load-icon{
    width: 3rem;
    height: 3rem;
    display: block;
    margin: 1.5rem auto 0.5rem;
    vertical-align: middle;
    -webkit-animation: e 1s steps(12) infinite;
    animation: e 1s steps(12) infinite;
    background: transparent
        url()
        no-repeat;
    background-size: 100%;
}
.load-visible{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
}
.popup-mask{
    background:rgba(0,0,0,.5);
    z-index:1000;
}
.popup-wrap{
    position:fixed;
    border-radius:0.21333rem;
    z-index:1000;
    background:#fff;
    width:93.333%;
    max-height:90%;
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    overflow:hidden;
}
.popup-visible{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
}
.popup-hd{
    text-align:center;
    font-weight:bold;
    font-size:0.85333rem;
    height:2.66667rem;
    line-height: 2.66667rem;
    color:#333;
    border-bottom:1px solid rgba(0,0,0,.1);
}
.popup-bd{
    min-height:10rem;
    overflow-y:scroll;
    padding:0.53333rem 0.53333rem 0;
    box-sizing:border-box;
    font-size:0.64rem;
    line-height: 150%;
}
.popup-ft{
    overflow:hidden;
}
.popup-btn{
    display:block;
    margin:0.74667rem 0.85333rem;
    height:2.2rem;
    line-height:2.2rem;
    text-align:center;
    color:#fff;
    font-size:0.85333rem;
    border-radius:0.21333rem;
    background:#f50;
    text-decoration:none;
}
.alert-mask{
    background:rgba(0,0,0,.5);
    z-index:1000;
}
.alert-wrap{
    position:fixed;
    border-radius:0.32rem;
    z-index:1000;
    background:#fff;
    width:75%;
    height:8rem;
    max-height:90%;
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    overflow:hidden;
}
.alert-visible{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
}
.alert-bd{
    height:5.65333rem;
    padding:0 1.86667rem;
    box-sizing:border-box;
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-direction:column;
    flex-direction: column;
}
.alert-btn{
    display:block;
    height:2.34667rem;
    line-height:2.34667rem;
    text-align:center;
    color:#f50;
    font-size:0.85333rem;
}
.toast-wrap{
    position:fixed;
    z-index:1000;
    border-radius:0.5rem;
    background:rgba(0,0,0,.8);
    padding:1rem;
    color:#fff;
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    word-break:break-all;
    font-size:0.8rem;
}
.toast-visible{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
}
.toast-cancel{
    margin: 0.5rem auto 1rem;
    display: block;
    position: relative;
    color: #000;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 0.1rem solid #fff;
}
.toast-cancel::before,.toast-cancel::after{
    content: '';
    position: absolute;
    top: 1.5rem;
    width: 2.3rem;
    height: 0.1rem;
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);    
    margin-left: 0.3rem;
}
.toast-cancel::after{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left:0.35rem;
}
.toast-forbidden{
    display: block;   
    margin: 0.5rem auto 1rem;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    background: #f50;
    text-align: center;
}
.toast-forbidden::before{
    display: inline-block;
    content: "!";
    margin: 0.3rem auto;
    color: #fff;
    font-style: normal;
    font-size: 2rem;    
}
.layer-mask{
    background:rgba(0,0,0,.5);
    z-index:1000;
}
.layer-wrap{
    position:fixed;
    z-index:1000;
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    width:100%;
    text-align:center;
}
.layer-visible{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
}
/** ui end */
/** 纯css显示提示文字 */
[class*="hint--"] {
    display: inline-block;
    width:1.77778rem;
    height:1.77778rem;
    background: url("../img/wh1.png") center no-repeat;
    background-size:30%;
}
[class*="hint--"]:before, [class*="hint--"]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms; 
}
[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
    visibility: visible;
    opacity: 1; 
}
[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    transition-delay: 100ms; 
}
[class*="hint--"]:before {
    content: '';
    position: absolute;
    background: transparent;
    z-index: 1000001; 
    background:url("../img/hint_arrow.png") no-repeat;
    background-size:100% 100%;
    width:0.50667rem;
    height:0.37333rem;
}
[class*="hint--"]:after {
    background: #fff;
    color: white;
    padding: 0.21333rem;
    font-size: 0.64rem;
    color:#f50;
    line-height: 100%;
    white-space: nowrap; 
    border-radius:0.21333rem;
    border:1px solid #f50;
}
[class*="hint--"][aria-label]:after {
    content: attr(aria-label); 
}
[class*="hint--"][data-hint]:after {
    content: attr(data-hint); 
}
.hint--top:before {
  margin-bottom: -0.32rem; 
}  
.hint--top:before, .hint--top:after {
  bottom: 40%;
  left: 43%; 
}
.hint--top:before {
  left: calc(43% - 0.2rem); 
}
#hint3:before,#hint3:after {
  left: 53%; 
}
#hint3:before {
  left: calc(53% - 0.2rem); 
}
#hint4:before,#hint4:after {
  bottom: 63%;
  left: 60%; 
}
#hint4:before {
  bottom: 63%; 
  left: calc(60% - 0.2rem);
}
#hint5:before,#hint5:after {
  bottom: 62%;
}
#hint5:before {
  bottom: 62%; 
}
#hint6:before,#hint6:after {
  bottom: 62%;
}
#hint6:before {
  bottom: 62%; 
}
.hint--top:after {
   -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);  
}
.hint--top:hover:before {
    -webkit-transform: translateY(-0.35rem);
    -moz-transform: translateY(-0.35rem);
    transform: translateY(-0.35rem); 
}
.hint--top:hover:after {
   -webkit-transform: translateX(-50%) translateY(-0.3rem);
    -moz-transform: translateX(-50%) translateY(-0.3rem);
    transform: translateX(-50%) translateY(-0.3rem);  
}
.hint--small:after,
.hint--medium:after,
.hint--large:after {
    white-space: normal;
    line-height: 1.4em;
    word-wrap: break-word; 
}
.hint--small:after {
    width: 6.8rem; 
    text-align:center;
}
.hint--medium:after {
    width: 9.5rem; 
}
.hint--large:after {
    width: 12rem; 
}
.pop-icon2{
    background-image:url("../img/wh2.png");
    width:1.77778rem;
    height:1.77778rem;
    background-size:30%;
}
.pop-wrap{
    width:93%;
    height:90%;
    margin:1.4rem auto 0; 
    background: #f2f4f5;
    border-radius:0.21333rem;
    text-align:left;
    padding:0.21333rem 0;
}
.pop-wrap .close-btn{
    position: fixed;
    top:-0.30667rem;
    right:1.6rem;
    background: url("../img/close_pop.png") no-repeat;
    background-size:100%;
    width:0.96rem;
    height:1.70667rem;
}
.pop-cont{
    height:100%;
    overflow-y:scroll;
}
.pop-cont .pop-cont-title{
    height:2.24rem;
    line-height: 2.24rem;
    padding:0 0.85333rem;
    font-size:0.74667rem;
    color:#f50;
    font-weight:100;
}
.pop-cont .pop-cont-title:nth-of-type(1){
    border-top-left-radius:0.21333rem;
    border-top-right-radius:0.21333rem;
}
.pop-cont dt{
    background:#fff;
    height:2.13333rem;
    line-height:2.13333rem;
    padding-left:0.85333rem;
    font-size:0.74667rem;
    color:#333;
    margin-bottom:0.53333rem;
}
.pop-cont dd{
    display: none;
}
.pop-cont dd p:nth-child(odd){
    background: #f9f9f9;
}
.pop-cont dd p:nth-child(even){
    background: #ebebeb;
} 
.pop-cont dd p{
    padding: 0.5rem 0.85333rem;
    font-size:0.64rem;
}
.pop-cont dt::after{
    display: block;
    content: "";
    background:url("../img/arrow_up.png") no-repeat;
    background-size:100% 100%;
    width:0.8rem;
    height:0.45714rem;
    float:right;
    margin:0.85333rem 0.85333rem 0 0;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear
}
.pop-cont dt.unfold::after{
    -webkit-transform: rotate(0);
}
.pop-cont dt:nth-last-of-type(1),.pop-cont dt.unfold{
    margin-bottom:0;
}
/** 1px边框处理 */
.input-box:before,.quote-title:before,.alert-bd:before{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: rgba(0,0,0,.1);
  display: block;
  z-index: 1;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.input-container .radio:before{
  content: "";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid rgba(0,0,0,.2);
  -webkit-transform-origin: 0 0;
  padding: 1px;
  -webkit-box-sizing: border-box;
  border-radius:1.6rem;
  pointer-events: none;
}
.input-container .radio.checked:before{
  display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio:2){
    .input-box:before,.quote-title:before,.alert-bd:before{
        -webkit-transform:scaleY(0.5);
        transform:scaleY(0.5)
    }
    .input-container .radio:before{
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3){
    .input-box:before,.quote-title:before,.alert-bd:before{
        -webkit-transform:scaleY(0.33);
        transform:scaleY(0.33)
    }
}
/** 1px边框处理 end */